<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <!-- 设置视口属性 -->
  <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <title>海陵区电竞大赛报名</title>
  <script type="text/javascript">
    // 根据屏幕的宽度 来设置 html的 font-size
    // 设备的宽度
    console.log(window.screen.width);
    // 浏览器 可用的宽度
    // 移动端 用上下 两个都是可以
    console.log(window.screen.availWidth);
    // 计算 font-weight
    var fontSize = window.screen.availWidth / 20;
    document.querySelector('html').style.fontSize = fontSize + 'px';
    window.onresize = function () {
      // 计算 font-weight
      var fontSize = window.screen.availWidth / 20;
      document.querySelector('html').style.fontSize = fontSize + 'px';
    }
    // 跟媒体查询比 在移动端使用 没有优劣之分  
    // 面试问道 媒体查询 还有 js 都回答 即可
  </script>
</head>
  <style>
  	html, body {
	 	height: 100%;
	  	margin: 0;
  	}
	.content {
	 	 min-height: 100%;
	}
	.content-inside {
	  	padding-bottom: 50px;
	}
   dl{
      text-align:left;
      border:2px solid #008800;
      background-color:white;
      opacity:0.8;
      margin:15% 1% 0 1%;
   }
   dt{
   	  margin:0 0 0 5%;
   }
   body {
   		width:100%;
   		height:100%;
   		background: url(../../../../static/img/bg_index.png);
   		background-position: top center;
   		background-repeat: no-repeat;
   		background-attachment: fixed;
   		background-size: cover;
   		background-color: rgb(130,99, 177);
   }
  </style>
  <body>
  <div class="content">
  	<div class="content-inside">
  	

		<div id="regist_form" style="padding-top:20px;">
		<dl >
		    <form action="/index/captain/enlist" method="post">
		    
		    <input name="id" value="{$id}" style="display:none;"/>
		    	<dt>
				    <h3 style="text-align:center;">海陵电竞大赛在线报名</h3>
				</dt>
				<dt>
					<p>*队长姓名：<input type="text" name="name" value=""></p>
					<p>*性 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;别：<input type="radio" name="gender" value="1">男  <input type="radio" name="gender" value="0">女</p>
					<p>*年&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;龄：<input type="text" name="age" value=""></p>
					<p>*学&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;历：<input type="text" name="education" value=""></p>
					<p>*身&nbsp;&nbsp;份&nbsp;证：<input type="text" name="identify" value=""></p>
					<p>*工作单位：<input type="text" name="work" value=""></p>
				</dt>
				
		
				    
				
				<dt style="text-align:center;">
				  <p><input type="submit" value="确定"></p>
				</dt>
		    </form>
		</dl>
		</div>
		
	</div>
  </div>
  </body>
</html>